
        *{margin:0;padding:0;box-sizing: border-box;}
        html{color: #fff;font-size: 14px;}
        .container{
            text-align: center;
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            padding: 15px 5px;
            background-color: rgba(0,0,0,0.3);
            height: 100%;
            position: absolute;
        }
        .hongbao{
            height: 450px;
            width: 300px;
            background: #A5423A;
            border-radius: 10px;
            margin: 0 auto;
        }
        .topcontent{
            height: 280px;
            background-color: #BD503A;
            border: 1px solid #BD503A;
            border-radius: 10px 10px 50% 50%/10px 10px 15% 15%;
            box-shadow: 0px 4px 0px -1px rgba(0,0,0,0.2);
        }
        .avatar{position: relative;}
        .avatar span{
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 2em;
            font-weight: bolder;

            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        .avatar img{
            border: 1px solid #BD503A;
            border-radius: 50%;
            overflow:hidden;
            margin-top: 10%;
        }
        .topcontent h2{
            margin: 15px 0;
        }

        .desscription{
            margin: 15px 0;
            font-size: 16px;
            font-weight: 600;
        }
        #chai{
            display: inline-block;
            width: 100px;
            height: 100px;
            border: 1px solid #ffA73A;
            background-color: #FFA73A;
            border-radius: 50%;
            color: #fff;
            font-size: 20px;
            margin-top: -50px;
        }
        #chai span{
            display: inline-block;
            margin-top: 35px;
        }
